//config的设置是全局的
layui.config({
    base: '/js/plugins/' // 自定义扩展插件所在的目录
}).extend({ //设定模块别名
    yjslayer: 'yjslayer',
    yjsloading: 'yjsloading',
});

layui.use(['yjslayer', 'yjsloading', 'table','form'], function () {
    var $ = layui.jquery
        , yjslayer = layui.yjslayer
        , yjsloading = layui.yjsloading
        , form = layui.form
        , table = layui.table;

    // 获取csrf-token
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    // 数据表格方法级渲染
    var tbObj = table.render({
        elem: '#dataBody' // 绑定元素
        , id: 'uniformCollectList' // 唯一ID
        , height: 'full-20' //高度最大化减去差值
        , url: '/collects/uniform/index' // 接口地址 默认会自动传递两个参数：?page=1&limit=30
        , method: 'post' // 接口请求方法
        , page: true
        , skin: 'row' //行边框风格
        , even: true //开启隔行背景
        , limits: [10, 30, 60, 90, 150]
        , limit: 10 //默认采用30
        , cols: [[
//            {field: 'ClotheCode', title: '校服code', width: 110,fixed: true}
            {field: 'ClotheName', title: '校服名称', width: 110}
            , {field: 'ClotheSizeName', title: '校服尺寸', width: 110}
            , {field: 'count', title: '人均校服数量', width: 120}
            , {field: 'count_sum', title: '校服总数', width: 100}
            , {field: 'unit', title: '数量单位', width: 100}
            , {field: 'sex_limit', title: '性别限制', width: 100}
            , {field: 'boy_count', title: '男生校服数', width: 100}
            , {field: 'girl_count', title: '女生校服数', width: 100}
            , {field: 'remark', title: '评论', width: 180}
        ]]
        , done: function (res, curr, count) {
        }
    });
    // 事件处理
    var eventHandle = {
        // 模板导出
        exportUniform: function (obj) {
            $title = '校服数据导出';
            $msg = '您确定执行本次数据导出操作吗？';
            $url = '/export/uniform';
            yjsloading.exportConfirm($title, $msg, $url);
        },
        // 关键字搜索重载
        searchData: function (obj) {
            // 获取关键字
            var words = $('#searchReload').val();
            var arrival_code = $('#arrival_code').val();
            // 表格搜索、重载
            tbObj.reload({
                where: {keywords: words,arrival_code: arrival_code}
            });
        },
    };
    
    /**
     * 监听select
     */
    form.on('select(arrival_code)',function (data) {
        // 获取关键字
        tbObj.reload({
            where: {arrival_code: data.value,from_select:true}
        });
    });
    
    // 监听按钮点击事件 (非工具条)
    $('.layui-btn').on('click', function () {
        var type = $(this).data('type');
        eventHandle[type] ? eventHandle[type].call(this, type) : '';
    });

    // 监听工具条按钮点击事件
    table.on('tool(termList)', function (obj) {
        // 获得当前行lay-event对应的值
        var itemEvent = obj.event;
        eventHandle[itemEvent] ? eventHandle[itemEvent].call(this, obj) : '';
    });

    // 可编辑单元格改变事件
    table.on('edit(termList)', function (obj) {
        $url = '/terms/update/cell';
        $data = {
            code: obj.data.code,
            attrs: [obj.field],
            values: [obj.value]
        };
        yjsloading.ajaxAutoSubmit($url, $data, function (result) {

        });
    });
});